import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { SettingPage } from './setting.page';

const routes: Routes = [
  {
    path: '',
    component: SettingPage
  },
  {
      path: 'personal-info',
      loadChildren: () => import('./personal-info/personal-info.module').then( m => m.PersonalInfoPageModule)
  },
  {
    path: 'account-security',
    loadChildren: () => import('./account-security/account-security.module').then( m => m.AccountSecurityPageModule)
  },
  {
    path: 'payment-settings',
    loadChildren: () => import('./payment-settings/payment-settings.module').then( m => m.PaymentSettingsPageModule)
  },
  {
    path: 'message-notification',
    loadChildren: () => import('./message-notification/message-notification.module').then( m => m.MessageNotificationPageModule)
  },
  {
    path: 'language',
    loadChildren: () => import('./language/language.module').then( m => m.LanguagePageModule)
  },
  {
    path: 'about',
    loadChildren: () => import('./about/about.module').then( m => m.AboutPageModule)
  },
  {
    path: 'support-center',
    loadChildren: () => import('./support-center/support-center.module').then( m => m.SupportCenterPageModule)
  },
  {
    path: 'fingerprint-setup',
    loadChildren: () => import('./fingerprint-setup/fingerprint-setup.module').then( m => m.FingerprintSetupPageModule)
  }

];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class SettingPageRoutingModule {}
